@extends('home.liuyan')
@section('content')
<style type="text/css">

    .box-body img{
        width: 100%;
        height: 100%;
    }
</style>
<div class="row" style="margin-left:150px;width:1000px;">
                <div class="col-md-10">
                    <!-- Box Comment -->
                    <div class="box box-widget">
                        <div class='box-header with-border'>
                            <div class='user-block'>
                                <img class='img-circle' src="{{asset($data -> upic)}}" alt='user image'>
                                <span class='username'>{{$data -> uid -> name}}</span>
                                <span class='description'>{{$data -> created_at}}</span>
                            </div><!-- /.user-block -->
                           
                        </div><!-- /.box-header -->
                        <div class='box-body' style="width:800px" >
                            {!! $data -> fmpost!!}
                            <button class='btn btn-default btn-xs'><i class='fa fa-thumbs-o-up'></i> Like</button>
                            <!-- <span class='pull-right text-muted'>127 likes - 3 comments</span> -->
                        </div><!-- /.box-body -->
                        <div class='box-footer box-comments'>
                            @foreach($pldata as $row)
                            <div class='box-comment'>
                                <!-- User image -->
                                <img class='img-circle img-sm' src="{{asset($row -> upic)}}" alt='user image'>
                                <div class='comment-text'>
                                      <span class="username">
                                        {{ $row -> uname}}
                                        <span class='text-muted pull-right'>{{$row-> created_at}}</span>
                                      </span><!-- /.username -->
                                        {{$row -> pcontext}}          
                                </div><!-- /.comment-text -->
                            </div><!-- /.box-comment -->
                            @endforeach
                        </div><!-- /.box-footer -->

                        <div class="box-footer">
                            <form role="form" action="{{ url('/home/forum/plinsert')}} " method="post" enctype="multipart/form-data">
                            {{ csrf_field()}}
                            <input type="hidden" name="fid" value="{{$data -> id}}">
                                <img class="img-responsive img-circle img-sm" src="{{asset($pic)}}"
                                     alt="alt text">
                                <!-- .img-push is used to add margin to elements next to floating images -->
                                <div class="img-push">
                                    <input type="text" name="pcontext" class="form-control input-sm" placeholder="请输入您的评论">
                                </div>
                                <button style="margin-left:730px;margin-top:10px">&nbsp;&nbsp;评论&nbsp;&nbsp; </button>

                            </form>
                        </div><!-- /.box-footer -->
                    </div><!-- /.box -->
                </div><!-- /.col -->
                
</div><!-- /.row -->

@endsection('content')